/*** providers/util/**
***  控件样式
*/
// 重置picker
ion-picker-cmp
{
  //头部
  .picker-toolbar
  {
    .picker-toolbar-button
    {
      width: 50%;
      span
      {
        font-size: px2rem(32);
      }
      &:nth-child(1){
        button.picker-button
        {
           float: left;
        }
      }
      &:nth-child(2){
        button.picker-button
        {
          float: right;
        }
      }
    }
  }
  button.picker-opt{
    height: 42px !important;
  }
}

// toast
ion-toast
{
  // 默认提示
  &.office-default-toast
  {
    .toast-wrapper
    {
      border-radius: px2rem(16);
      .toast-container
      {
        height: 100%;
        // 内容
        .toast-message
        {
          padding: px2rem(15) 0 px2rem(15) px2rem(36);
          font-size: px2rem(28);
          line-height: px2rem(35);
        }
        button
        {
          margin: 0;
          font-size: px2rem(26);
        }
      }

    }
  }

  // 居中的弹框
  &.office-center-toast
  {
    .toast-wrapper
    {
      max-width: 75%;
      border-radius: px2rem(16);
      .toast-container
      {
        height: 100%;
        // 内容
        .toast-message {
          padding: px2rem(25) px2rem(20);
          text-align: center;
          font-size: px2rem(28);
          line-height: px2rem(35);
        }
      }
    }
  }
}

// loading 提示
ion-loading
{
  font-size: px2rem(32);

  // loading 加载中
  &.office-default-loading
  {
    // 内容区域
    .loading-wrapper
    {
      min-width: 40%;
      padding: px2rem(34) px2rem(44);
      border-radius: px2rem(16);
      background-color: $office-opacity-white;
      height: px2rem(130);
      // 文字区域
      .loading-content
      {
        margin-left: px2rem(20);
        font-size: px2rem(28);
      }
    }
  }
}

// actionSheet
ion-action-sheet
{
  // 添加照片
  &.office-camera-action
  {
    font-size: px2rem(32);

    button{
      min-height: px2rem(44) !important;
      span{ font-size: px2rem(32); }
    }
  }
  // 安卓
  &.action-sheet-md
  {
    .action-sheet-container {
      padding-top: px2rem(18);
    }
    .action-sheet-button {
      padding: px2rem(39);
    }

    ion-icon.action-sheet-icon {
      width:  px2rem(60) !important;
      font-size: px2rem(40) !important;
    }
  }
}

